<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="favicon.ico">
  <title>CPay</title>
  <style>
    body {
      font-size: 39px;
      margin: 0;
      padding: 0;
    }

    @media screen and (min-width: 700px) {
      html {
        font-size: 39px
      }


      /* 复制成功提示样式 */
      .van-toast__text {
        font-size: 0.1rem !important;
        line-height: initial !important;
        margin-top: 0.15rem !important;
      }

      .van-toast__icon {
        font-size: 0rem !important;
      }

      .van-toast {
        padding: 0.2rem 0rem !important;
        width: 11% !important;
        min-height: 0.25641rem !important;
        border-radius: 10px !important;
      }

      .van-toast .van-icon-success::before {
        font-size: 0.3rem !important;
      }

      .van-radio__icon--round .van-icon-success {
        margin-top: 0.2rem;
        margin-right: 0.09rem;
        font-size: 0.1rem !important;
        /* margin-top: 0.74359rem;
        margin-right: 0.12821rem;
        font-size: 0.35897rem !important; */
        border: 1px solid #999999 !important;
      }

      .van-radio__icon--checked .van-icon .van-icon-success::before {
        font-size: 0.1rem !important;
        color: #fff !important;
        background-color: #1989fa !important;
        border-color: #1989fa !important;
        border: 1px solid #1989fa !important;
      }

      .van-cell-group {
        margin: 0 auto;
        width: 95%;
        height: 0.38205rem;
      }

      .van-cell__value--alone {
        padding: 0;
        height: 0.38205rem;
      }

      .van-cell:not(:last-child)::after {
        border: 0px solid #000 !important;
      }

      .van-hairline--top-bottom::after {
        border-width: 0px !important;
      }


      /* 加载动画 */
      .van-loading__spinner {
        position: relative;
        display: inline-block;
        width: 0.4rem !important;
        max-width: 100%;
        height: 0.4rem !important;
        max-height: 100%;
        vertical-align: middle;
      }

      /* 返回按钮 */
      .van-icon-arrow-left::before {
        font-size: 0.16rem;
      }

      .van-toast__loading {
        padding: 0 !important;
        color: #fff;
      }
    }

    @media screen and (max-width:700px) {
      .van-cell:not(:last-child)::after {
        border: 0px solid #000 !important;
      }

      .van-hairline--top-bottom::after {
        border-width: 0px !important;
      }

      .pacypay-checkout__payment-method__header__title {
        align-items: center;
        background: none;
        border: none;
        color: #616d7a;
        color: var(--colorText);
        cursor: pointer;
        display: flex;
        flex-shrink: 0;
        font-family: ArialMT;
        font-family: var(--fontFamily);
        font-size: 1rem !important;
        font-weight: 700 !important;
        margin-right: 16px;
        max-width: 100%;
        padding: 4px;
      }

      /* 返回按钮 */
      .van-icon-arrow-left::before {
        font-size: 0.6rem;
      }

      .van-cell-group {
        background-color: #fff;
        width: 96%;
        margin-left: 2%;
        border-radius: 20px !important;
      }

      .van-cell {
        border-radius: 10px;
        padding: 0.2rem 0.2rem !important;
      }

      .van-field__clear,
      .van-field__right-icon {
        margin-right: -0.1rem !important;
        padding: 0 0.2rem !important;
        line-height: inherit;
      }

      .van-field__left-icon .van-icon,
      .van-field__right-icon .van-icon {
        display: block;
        min-width: 1em;
        font-size: 0.5rem !important;
        line-height: inherit;
      }



    }
  </style>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
</body>
</html>